import React,{useEffect,useState} from 'react'

export default function XzButton() {
  let [count,setCount]=useState(0)
  let [timerCount,setTimerCount]=useState(0)
  // setInterval(() => {
  //   setTimerCount(timerCount+1)
  //   console.log(timerCount);
  // }, 1000);
  // 模拟出class 各个生命周期的方法
  // useEffect(()=>{}) 形参就是一个生命周期方法
  // useEffect(()=>{
  //   console.log('====abc===='); //组件挂载和任意一个状态更新都会触发
  // })
  // useEffect(()=>{
  //   console.log('------xyz-------');
  // },[count]) //[]依赖于状态的改变

  // useEffect(()=>{
  //   console.log('------xyz-------');
  // },[]) //[]表明依赖那个状态的改变 为空表示只监听挂载

  useEffect(()=>{
    // 此处语句任意...
    return ()=>{
      console.log('=====efg====');
    }
  },[])
  return (
    <div>
      <button onClick={()=>setCount(count+1)}>当前被点击了{count}次</button>
    </div>
  )
}
